<?

session_start();

$_SESSION['usuario'] = 'marcos';

$usuario = $_SESSION['usuario'];

include ('includes/FuncionesReportes.php');
include ('includes/Funciones.php');

$ServiciosHTML = new ServiciosHTML();
$ServiciosReportes = new ServiciosReportes;

$resCaja = $ServiciosReportes->TraerCajaDiaria();


?>

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Sistema AggiornoDeco - Reportes</title>

<script src="js/jquery.js" type="text/javascript"></script>
<script src="js/jquery-ui.js" type="text/javascript"></script>

<script type="text/javascript" src="js/jquery.positionBy.js"></script>
<script type="text/javascript" src="js/jquery.jdMenu.js"></script>
<link href='css/estilo1.css' rel='stylesheet' type='text/css' />
<link href='css/violet.css' rel='stylesheet' type='text/css' />
<link type="text/css" rel="stylesheet" href="css/jquery-ui-1.8.17.custom.css">
<link title="win2k-cold-1" href="css/calendar-green.css" media="all" type="text/css" rel="stylesheet">
<script src="js/calendar.js" type="text/javascript"></script>
<script src="js/calendar-es.js" type="text/javascript"></script>
<script src="js/calendar-setup.js" type="text/javascript"></script>
<!--<script src="js/alert.js" type="text/javascript"></script>-->





<script type="text/javascript">
function permite(elEvento, permitidos) {
// Variables que definen los caracteres permitidos

var numeros = "0123456789.";
var numeros2 = "0123456789";
var caracteres = "abcdefghijklmnñopqrstuvwxyzABCDEFGHIJKLMNÑOPQRSTUVWXYZ /()@_-";
var numeros_caracteres = numeros + caracteres;
// Seleccionar los caracteres a partir del parámetro de la función
switch(permitidos) {
case 'num':
permitidos = numeros;
break;
case 'num2':
permitidos = numeros2;
break;
case 'car':
permitidos = caracteres;
break;
case 'num_car':
permitidos = numeros_caracteres;
break;
}
// Obtener la tecla pulsada
var evento = elEvento || window.event;
var codigoCaracter = evento.charCode || evento.keyCode;
var caracter = String.fromCharCode(codigoCaracter);
// Comprobar si la tecla pulsada se encuentra en los caracteres permitidos
return permitidos.indexOf(caracter) != -1;
}

</script>


<!-- Latest compiled and minified CSS -->
        <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">

        <!-- Optional theme -->
        <link rel="stylesheet" href="bootstrap/css/bootstrap-theme.min.css">

        <!-- Latest compiled and minified JavaScript -->
        <script src="bootstrap/js/bootstrap.min.js"></script>
        
     
     <script type="text/javascript">
	 	$(document).ready(function(){
			
			$('.ver').click(function(event){
			  id =  $(this).attr("id");
			  if (isNaN(id)) {
				$("#valorId").val(id);
				$("#dialogFactura").dialog("open");
				
				$.ajax({
									data:  {nrofactura: id, accion: 'TraerDetallesFacturaComun'},
									url:   'ajax/ajax.php',
									type:  'post',
									beforeSend: function () {
											
									},
									success:  function (response) {
											$('#resultado').html(response);
											
									}
							});
							
							
			  } else {
				alert("Error, vuelva a realizar la acción.");	
			  }
			  
			  //post code
			});
			
			
			
			$( "#dialogFactura" ).dialog({
		 	
			    autoOpen: false,
			 	resizable: false,
				width:600,
				height:240,
				modal: true,
				buttons: {
				    "Ok": function() {
	
						

						$( this ).dialog( "close" );
							$('html, body').animate({
	           					scrollTop: '1000px'
	       					},
	       					1500);
				    }
				}
		 
		 
	 		});
			
			
			
		});
	 
	 
	 </script>   

</head>

<body>



<div id="cabecera">
<div id="menu">
<ul class="jd_menu jd_menu_slate">
<? echo $ServiciosHTML->menu(); ?>			
</ul>
</div>
</div>



<div class="content">


	<h2 style="color: #906; border-bottom:3px solid #906;text-shadow: 2px 2px 7px #90C;">Caja Diaria. Fecha: <? echo date('Y-m-d'); ?></h2>

	<div class="panel panel-primary" style="width:865px;" align="left">
		<div class="panel-heading">
			<h3 class="panel-title"><span class="glyphicon glyphicon-list"></span> Facturado.</h3>
		</div>
			<div class="panel-body">
				<table class="table table-striped">
						<thead>
							<th>Nro Factura</th>
							<th>Usuario</th>
							<th>Tipo Pago</th>
							<th>Cant. de Productos</th>
							<th>Importe Total</th>
							<th>Acción</th>
						</thead>
					
						<tbody>
                        <? if (mysql_num_rows($resCaja)>0) {
								$totalGral = 0;
								while ($row = mysql_fetch_array($resCaja)) {
								$totalGral += $row[5];
						?>	
								<tr>
                                    <td><? echo $row[1]; ?></td>
                                    <td><? echo $row[2]; ?></td>
                                    <td><? echo $row[3]; ?></td>
                                    <td><? echo $row[4]; ?></td>
                                    <td><? echo $row[5]; ?></td>
                                    <td><input type="button" class="btn btn-warning ver" value="Ver" id="<? echo $row[1]; ?>"></td>
                                    </tr>
                            	<? } ?>
                            	<tr align="right">	
                                    <td colspan="6"><h3>Total Gral: <? echo "$".number_format($totalGral,2,',','.'); ?></h3></td>
                                </tr>
						<? } else {	?>
                        		<td colspan="6"><p>No hubo compras.</p></td>
                        <? } ?>
                        </tbody>
                        
                </table>
			</div>
	</div>



	<div id="dialogFactura" title="Detalle Factura" style="width:700px;">
        <div align="center">
        <table class="table table-striped">
						<thead>
							<th>Codigo</th>
							<th>Detalle</th>
							<th>Cantidad</th>
							<th>Precio Venta</th>
							<th>Total</th>
							
						</thead>
					
						<tbody id="resultado">

        				</tbody>
        </table>
        <input type="hidden" value="" id="valorId" name="valorId" />
        </div>
	</div>


</div><!--fin del content-->





</body>
</html>
